<template>
	<view class="flex">
		<view  class="margin-right" >
			<image :src="book.cover" mode="aspectFill" style="height: 320rpx;width: 250rpx;"> </image>
		</view>
		<view class="flex flex-direction" style="position: relative;">
			<view style="font-weight: 600; margin-bottom: 30rpx;" >{{book.title}}</view>
			<view style="display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2 ;overflow:hidden;flex-sub">{{book.description}}</view>
			<!-- 相关统计信息 -->
			<view style="position: absolute;bottom: 2%; width: 200rpx;">播放量：{{book.viewCount}}</view>
		</view>
	</view>
</template>

<script>
	export default{			
			props:{				
				book:{					
					type:Object
				}					
			},
			
		}
</script>

<style>
</style>
